<header>
  <div class="title"></div>
  <nav>
    <ul>
      <li>前言</li>
      <li>目录</li>
      <li>附录</li>
    </ul>
    <div><input type="search" name="" id="" />Search</div>
    <div><input type="range" name="" id="" />range</div>
    <div id="dataset" data-mydata="mydata123"><p>test dataset</p></div>
  </nav>
</header>
<section>
  <article><h1>内容1</h1></article>
  <article><h1>内容1</h1></article>
  <article><h1>内容1</h1></article>
</section>
<footer>
  <nav>
    <ul>
      <li>前言</li>
      <li>目录</li>
      <li>附录</li>
    </ul>
  </nav>
</footer>
